<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>"%>
<html>
<head>
<title>${project.name }</title>
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css"
	type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
	function goUrl(url){
		location.href=url;
	}
</script>

</head>
<body>

	<div data-url="demo-page" data-role="page" id="demo-page"
		data-theme="d">

		<div data-role="header" data-theme="c" style="height: 40px;">
			<h1>关于我们</h1>
			<a href="#left-panel" data-icon="bars" data-shadow="false"
				data-iconshadow="true">导航栏</a>
		</div>
		<!-- /header -->
		<div data-role="content">
			<div class="article">
				<p>${news.content }</p>
			</div>
			<!-- /article -->

		</div>
		<!-- /content -->
		<div data-role="panel" id="left-panel" data-theme="c">
			<ul data-role="listview" data-theme="d">
				<li data-icon="delete"><a href="#" data-rel="close">关闭</a></li>
				<c:forEach items="${menus}" var="menu">
					<li data-icon="go"><a href="#"
						onclick="goUrl('${ctxMobileSite }/${project.id}?menuId=${menu.id}')">${menu.name}</a></li>
				</c:forEach>
			</ul>
		</div>
		<!-- /panel -->

	</div>

	<div class="footer">
		<jsp:include page="${ctxPage}/themes/${theme}/footer.jsp"></jsp:include>
	</div>
</body>
</html>
